টেক্সট সংরক্ষন এবং সেগুলো নিয়ে কাজ করার জন্য জাভাস্ক্রিপ্টে স্ট্রিং ব্যবহার করা হয়।
জাভাস্ক্রিপ্টে স্ট্রিং সাধারণত কিছু ক্যারেক্টারকে জমা রাখে।যেমন "Tamjid Hasan"।
একটি স্ট্রিং হলো উদ্ধৃতি চিহ্নের মাঝে যেকোন ধরনের টেক্সট। আপনি সিঙ্গেল বা ডাবল কোটেশন(উদ্ধৃতি চিহ্ন) ব্যবহার করতে পারেনঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var animal1 = "Tiger";
var animal2 = "Lion";
document.getElementById("test").innerHTML =
animal1 + "<br>" + animal2;
</script>
</body>
</html>
আপনি একটি স্ট্রিং ভিতরে উদ্ধৃতি চিহ্ন ব্যবহার করতে পারেন কিন্তু লক্ষ্য রাখতে হবে তার পার্শ্ববর্তী স্ট্রিংয়ের উদ্ধৃতি চিহ্নের সাথে না মিলেঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var wel1 = "Welcome To Satt Academy"
var wel2 = "Welcome To 'Satt' Academy"
var wel3 = 'Welcome To "Satt" Academy'
document.getElementById("test").innerHTML =
wel1 + "<br>" + wel2 + "<br>" + wel3;
</script>
</body>
</html>
একটি স্ট্রিংয়ের দৈর্ঘ্য স্ট্রিংয়ের বিল্ট-ইন length প্রোপার্টির মাধ্যমে পাওয়া যায়ঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var text = "WelcomeToSattAcademy";
document.getElementById("test").innerHTML = text.length;
</script>
</body>
</html>
যেহেতু স্ট্রিংকে উদ্ধৃতির মধ্যে লেখা আবশ্যক, তাই জাভাস্ক্রিপ্ট নিচের স্ট্রিংকে ভুলভাবে পড়বেঃ
var a = "Welcome To "Satt" Academy"
স্ট্রিংটি "Welcome To" পযর্ন্ত নেওয়া হবে।
এই সমস্যা এড়ানোর জন্য আমরা \ চিহ্নটি ব্যবহার করবো।
স্ট্রিংয়ের মধ্যে বিশেষ অক্ষর ব্যবহার করতে চাইলে আপনাকে ব্যাকস্ল্যাশ(\) ব্যবহার করতে হবেঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var a = "Welcome To \"Satt\" Academy"
document.getElementById("test").innerHTML =
a;
</script>
</body>
</html>
স্ট্রিংয়ের মধ্যে অন্যান্য স্পেশাল ক্যারেক্টার ব্যবহার করতেও \ ব্যবহার করা হয়।
টেক্সট স্ট্রিং-এ ব্যাকস্ল্যাশ(backslash) ব্যবহার করে নিচের স্পেশাল ক্যারেক্টারগুলো তৈরি করা যায়ঃ
| কোড | ফলাফল |
|---|---|
| \' | সিঙ্গেল কোটেশন |
| \" | ডাবল কোটেশন |
| \\ | ব্যাকস্ল্যাশ |
| \n | নতুন লাইন |
| \r | নতুন লাইন তৈরি করার মতই |
| \t | ট্যাব |
| \b | ব্যাকস্পেস |
| \f | ফর্ম ফিড |
পড়ার সুবিধার জন্য প্রোগ্রামাররা ৮০ ক্যারেক্টারের বড় লাইনকে এড়িয়ে চলে।
যদি একটি জাভাস্ক্রিপ্ট স্টেটমেন্ট এক লাইনে সম্পন্ন না হয় তবে অপারেটরের পরে পরবর্তী লাইনে চলে যাওয়া সবচেয়ে ভালো পদ্ধতিঃ
document.getElementById("test").innerHTML =
"স্যাট সুহিন";
এছাড়াও আপনি কোন স্ট্রিংয়ের টেক্সটের মাঝে একটি ব্যাকস্ল্যাশ ব্যবহার করে লাইন ব্রেক করতে পারেনঃ
kt_satt_skill_example_id=809
ব্যাকস্ল্যাশ মেথডটি ইকমাস্ক্রিপ্ট(জাভাস্ক্রিপ্ট) স্ট্যান্ডার্ড নয়।
কিছু ব্রাউজারে ব্যাকস্ল্যাশের(\) পরে স্পেস সাপোর্ট করে না।
স্ট্রিংকে ভাঙ্গার আরো একটি নিরাপদ পদ্ধতি হলো স্ট্রিংয়ের যোগ করাঃ
kt_satt_skill_example_id=810
আপনি ব্যাকস্ল্যাশ ব্যবহার করে কোডের মধ্যে লাইন ব্রেক করতে পারবেন নাঃ
kt_satt_skill_example_id=811
সাধারণত জাভাস্ক্রিপ্ট স্ট্রিং হলো প্রিমিটিভ ভ্যালু যা আক্ষরিকভাবে তৈরি করা হয়ঃ var a = "Tamim"
কিন্তু new কিওয়ার্ড দ্বারা স্ট্রিংকে অবজেক্টে হিসেবেও ডিফাইন করা যায়ঃvar b = new String("Tamim")
kt_satt_skill_example_id=812
স্ট্রিংকে অবজেক্ট হিসাবে তৈরি করবেন না। এটি এক্সিকিউশনের গতিকে ধীর করে দেবে।
new কিওয়ার্ড কোডকে জটিল করে। ইহা অপ্রত্যাশিত ফলাফল দেখাতে পারেঃ
যখন আমরা == অপারেটরটি ব্যবহার করবো,দুইটি স্ট্রিং সমান দেখায়ঃ
kt_satt_skill_example_id=813
যখন আমরা === অপারেটরটি ব্যবহার করবো, দুইটি স্ট্রিং সমান হবে না কারন === অপারেটরের ক্ষেত্রে মান এবং টাইপ উভয়ই একই হতে হবে।
kt_satt_skill_example_id=814
অবজেক্টকে তুলনা করা যাবে নাঃ
kt_satt_skill_example_id=815
common.read_more
common.or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
